<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>实验 HTML</title>

	<link href="src/css/jquery.treemenu.css" rel="stylesheet" type="text/css">
	<link href="src/css/plpl.css" rel="stylesheet" type="text/css" />

</head>
<body>

	<a>cs</a>
	<br>
	<br>
	<br>
	<br><video poster="" src="" id="" aotuplay="aotuplay" controls="controls" width="98%" height="98%"></video><br>
<video aotupaly controls="controls" src="#" preload="autopaly" width="100%" height="100%"></video>

<!--动态修改视频的src 连接来换视频行不通, 全部换吧
    算了这种吃技术的想法我是做不了了,一个视频一个网页吧
-->
<br>
<br>
	<script src="src/js/jquery-1.11.2.min.js"></script>
	<script src="src/js/jquery.treemenu.js"></script>	
	<script>	
		$(function () {
			$(".tree").treemenu({ delay: 300 }).openActive();
		});
	</script>
	<ul class="tree">
		<li><a>2011韩顺平细说Servlet/Jsp视频教程(搬运)</a>
			<ul>
				<li><a>servlet.第25讲.用户管理系统2.0到数据库验证-servlet操作数据库</a></li>
				<li><a>servlet.第26讲.用户管理系统3.0显示数据库中所有用户</a></li>
				<li><a>servlet.第27讲.用户管理系统3.0.servlet显示图片</a></li>
				<li><a>servlet.第28讲.用户管理系统3.0.分页显示用户信息①</a></li>
				<li><a>servlet.第29讲.用户管理系统3.0.分页显示用户信息②</a></li>
				<li><a>servlet.第30讲.用户管理系统3.0.分页显示用户信息③</a></li>
				<li><a>servlet.第31讲.用户管理系统4.0.网站框架改进①</a></li>
				<li><a>servlet.第32讲.用户管理系统4.0.网站框架改进②</a></li>
				<li><a>servlet.第33讲.用户管理系统4.0.网站框架改进③</a></li>
				<li><a>servlet.第34讲.用户管理系统4.0.增加用户crud操作①</a></li>
				<li><a>servlet.第35讲.用户管理系统4.0.增加用户crud操作②</a></li>
				<li><a>servlet.第36讲.会话技术介绍</a></li>
				<li><a>servlet.第37讲.cookie技术①</a></li>
				<li><a>servlet.第38讲.cookie技术②</a></li>
				<li><a>servlet.第39讲.session技术①</a></li>
				<li><a>servlet.第40讲.session技术②</a></li>
				<li><a>servlet.第41讲.session技术③</a></li>
				<li><a>servlet.第42讲.session技术④</a></li>
				<li><a>servlet.第43讲.session技术⑤-简易购物车</a></li>
				<li><a>servlet.第44讲.知识点回顾.cookie与session比较</a></li>
				<li><a>韩顺平.2011最新j2ee视频教程.细说servlet.第45讲.ServletContext①</a></li>
				<li><a>servlet.第46讲.ServletContext②</a></li>
				<li><a>servlet.第47讲.ServletContext③</a></li>
				<li><a>servlet.第48讲.ServletContext④.用户管理系统功能增加网站计数器</a></li>
				<li><a>servlet.第49讲.最后一讲.ServletContext⑤.用户管理系统结构改进(增加SqlHelper、业务二次封装)</a></li>
				<li><a>韩顺平_细说jsp第1讲.开山篇</a></li>
				<li><a>韩顺平_细说jsp第2讲.jsp运行原理分析.page指令详解</a></li>
				<li><a>韩顺平_细说jsp第3讲.include指令.脚本元素.动作元素</a></li>
				<li><a>韩顺平_细说jsp第4讲.jsp九大内置对象.jsp版本计算器①</a></li>
				<li><a>韩顺平_细说jsp第5讲.jsp版本计算器②</a></li>
				<li><a>韩顺平_细说jsp第6讲.jsp版本计算器③</a></li>
				<li><a>韩顺平_细说jsp第7讲.model1模式.用户管理系统(model1模式)</a></li>
				<li><a>韩顺平_细说jsp第8讲.用户管理系统(mvc版本)</a></li>
				<li><a>韩顺平_细说jsp第9讲.mvc.web-service.web-service-dao介绍</a></li>
				<li><a>韩顺平_细说jsp第10讲.mvc版本.购物车项目①</a></li>
				<li><a>韩顺平_细说jsp第11讲.mvc版本.购物车项目②</a></li>
				<li><a>韩顺平_细说jsp第12讲.mvc版本.购物车项目③</a></li>
				<li><a>韩顺平_细说jsp第13讲.mvc版本.购物车项目④</a></li>
				<li><a>韩顺平_细说jsp第14讲.mvc版本.购物车项目⑤</a></li>
				<li><a>韩顺平_细说jsp第15讲.mvc版本.购物车项目⑥</a></li>
				<li><a>韩顺平_细说jsp第16讲.mvc版本.购物车项目⑦.javamail技术</a></li>
				<li><a>韩顺平_细说jsp第17讲.mvc版本.购物车项目⑧</a></li>
				<li><a>韩顺平_细说jsp第18讲.防止用户重新刷新页面</a></li>
				<li><a>韩顺平_细说jsp第19讲.信息供求网项目①</a></li>
				<li><a>韩顺平_细说jsp第20讲.信息供求网项目②</a></li>
				<li><a>韩顺平_细说jsp第21讲.信息供求网项目③</a></li>
				<li><a>韩顺平_细说jsp第22讲.信息供求网项目④</a></li>
				<li><a>韩顺平_细说jsp第23讲.信息供求网项目⑤</a></li>
			</ul>
		</li>
		<li><a>CCTV-1频道 《人与自然》 狂野非洲系列</a>
			<ul>
				<li><a>《人与自然》 狂野非洲—山脉（上）</a></li>
				<li><a>《人与自然》 狂野非洲—丛林（下）</a></li>
				<li><a>《人与自然》 狂野非洲—河流与湖泊（上）</a></li>
				<li><a>《人与自然》 狂野非洲—河流与湖泊（下）</a></li>
				<li><a>《人与自然》 狂野非洲（上）</a></li>
				<li><a>《人与自然》 狂野非洲（下）</a></li>
				<li><a>《人与自然》 狂野非洲—山脉（下）</a></li>
				<li><a>《人与自然》 狂野非洲—稀树草原（上）</a></li>
				<li><a>《人与自然》 狂野非洲—稀树草原（下）</a></li>
				<li><a>《人与自然》 狂野非洲—沙漠（上）</a></li>
				<li><a>《人与自然》 狂野非洲—沙漠（下）</a></li>
				<li><a>《人与自然》 狂野非洲—海洋（上）</a></li>
				<li><a>《人与自然》 狂野非洲—海洋（下）</a></li>
				<li><a>《人与自然》 狂野非洲—丛林（上）</a></li>
			</ul>
		</li>
		<li><a>人与自然2011合集</a>
			<ul>
				<li><a>《人与自然》_20111107_奇妙的印度尼西亚（一）</a></li>
				<li><a>《人与自然》_20111108_自然发现_奇妙的印度尼西亚（二）</a></li>
				<li><a>《人与自然》_20111109_自然发现_奇妙的印度尼西亚（三）</a></li>
				<li><a>《人与自然》_20111110_自然发现_奇妙的印度尼西亚（四）</a></li>
				<li><a>《人与自然》_20111111_斑马_非洲条纹（上）</a></li>
				<li><a>《人与自然》_20111112_自然发现——斑马_非洲条纹（下）</a></li>
				<li><a>《人与自然》_20111128_自然发现——狂野澳大利亚（上）</a></li>
				<li><a>《人与自然》_20111129_自然发现_狂野澳大利亚（中）</a></li>
				<li><a>《人与自然》_20111130_自然发现——狂野澳大利亚（下）</a></li>
				<li><a>《人与自然》_20111210_自然发现——蓝色星球（上）</a></li>
				<li><a>《人与自然》_20111211_自然发现——蓝色星球（下）</a></li>
				<li><a>《人与自然》_20111212_自然发现——植物的秘密生活（上）</a></li>
				<li><a>《人与自然》_20111213_自然发现——植物的秘密生活（中）</a></li>
				<li><a>《人与自然》_20111214_自然发现——植物的秘密生活（下）</a></li>
				<li><a>《人与自然》_20110527_人物亲历——与狼为伴（下）</a></li>
			</ul>
		</li>
	</ul>
<br>
<br>
<br>
<br>
<br>
<script>
var i=1;
function add()
{
    var top = document.getElementById("top");
	
	var a=document.createElement("a");
	a.innerHTML=i++;
	a.id="v";
 
	top.append(a);
	

}
</script>

<button type="button" onclick="add()">添加</button> 

<div id="top"></div>


</body>


</html>